<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
	<title>Font Size Test 002</title>
	<style type="text/css"> 
	  div, p { margin: 0; }
	  hr { margin: 1em 0; }
	  .fs150 { font-size: 150%; }
	  .fs50 { font-size: 50%; }
	  .fs25 { font-size: 25%; }
	  .fs50 { font-size: 50%; }
	  .fs75 { font-size: 75%; }
	  .fs100 { font-size: 100%; }
	  .fs125 { font-size: 125%; }
	  .fs150 { font-size: 150%; }
	  .fs200 { font-size: 200%; }
	  .fs300 { font-size: 300%; }
	  .fs400 { font-size: 400%; }

	</style>
  </head>
  <body>
	<h1>Font Size Test 002</h1>
	<h2>Percentage font sizing</h2>
	<div><br/></div>
	<div style='font-size: x-large;'>Start off with font-size: x-large
	  <div class='fs25'>font-size: 25%</div>
	  <div class='fs50'>font-size: 50%</div>
	  <div class='fs75'>font-size: 75%</div>
	  <div class='fs100'>font-size: 100%</div>
	  <div class='fs125'>font-size: 125%</div>
	  <div class='fs150'>font-size: 150%</div>
	  <div class='fs200'>font-size: 200%</div>
	  <div class='fs300'>font-size: 300%</div>
	  <div class='fs400'>font-size: 400%</div>
	</div>

  </body>
</html>
